{% extends "base.html" %}
{% block title %}集修哥后台管理{% endblock %}
{% block body %}
    <div id="navbar" class="navbar navbar-default">
        <script type="text/javascript">
            try{ace.settings.check('navbar' , 'fixed')}catch(e){}
        </script>
        <div class="navbar-container" id="navbar-container">
            <!-- #section:basics/sidebar.mobile.toggle -->
            <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
                <span class="sr-only">Toggle sidebar</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>
            </button>
            <!-- /section:basics/sidebar.mobile.toggle -->
            <div class="navbar-header pull-left">
                <!-- #section:basics/navbar.layout.brand -->
                <a href="#" class="navbar-brand">
                    <small>
                        <i class="fa fa-leaf"></i>
                        集修哥后台管理
                    </small>
                </a>

                <!-- /section:basics/navbar.layout.brand -->

                <!-- #section:basics/navbar.toggle -->

                <!-- /section:basics/navbar.toggle -->
            </div>
            <!-- #section:basics/navbar.dropdown -->
            <div class="navbar-buttons navbar-header pull-right" role="navigation">
                <ul class="nav ace-nav">
                    <li class="light-blue">
                        <a data-toggle="dropdown" href="javascript:" class="dropdown-toggle">
                        <span class="user-info">
                            <small>欢迎,</small>{{ current_user.real_name }}
                        </span>

                        <i class="ace-icon fa fa-caret-down"></i>
                        </a>

                        <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                            <li>
                                <a href="#">
                                    <i class="ace-icon fa fa-cog"></i>
                                    Settings
                                </a>
                            </li>

                            <li>
                                <a href="profile.html">
                                    <i class="ace-icon fa fa-user"></i>
                                    Profile
                                </a>
                            </li>

                            <li class="divider"></li>

                            <li>
                                <a href="{{ url_for('logout') }}" target="_self">
                                    <i class="ace-icon fa fa-power-off"></i>
                                    登出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main-container" id="main-container">
        <script type="text/javascript">
            try{ace.settings.check('main-container' , 'fixed')}catch(e){}
        </script>
        <div id="sidebar" class="sidebar responsive">
            <script type="text/javascript">
                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
            </script>
            <ul class="nav nav-list">
                <li ng-class="{'active':isMenuActive('index')}">
                    <a href="{{ url_for('index') }}">
                        <i class="menu-icon fa fa-tachometer"></i>
                        <span class="menu-text"> 主页 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li ng-class="{'active':isMenuActive('news')}">
                    <a href="#">
                        <i class="menu-icon fa fa-comment"></i>
                        <span class="menu-text"> 公司新闻 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li ng-class="{'active':isMenuActive('order')}">
                    <a href="javascript:" class="dropdown-toggle">
                        <i class="menu-icon fa fa-fax"></i>
                        <span class="menu-text"> 订单 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
                    <ul class="submenu" ng-style="">
                        <li ng-class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i>
                                订单一览
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li ng-class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i>
                                优惠券
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li ng-class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i>
                                价格表
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                <li ng-class="{'active':isMenuActive('customer')}">
                    <a href="#">
                        <i class="menu-icon fa fa-child"></i>
                        <span class="menu-text"> 顾客 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li ng-class="{'active':isMenuActive('supplier')}">
                    <a href="#">
                        <i class="menu-icon fa fa-gavel"></i>
                        <span class="menu-text"> 维修师傅 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li class="">
                    <a href="javascript:" class="dropdown-toggle">
                        <i class="menu-icon fa fa-desktop"></i>
                        <span class="menu-text"> 系统 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>
                    <ul class="submenu">
                        <li ng-class="{'active':isMenuActive('/html/user')}">
                            <a href="{{ url_for('html', htm='user/list') }}">
                                <i class="menu-icon fa fa-caret-right"></i>
                                用户管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li ng-class="{'active':isMenuActive('/html/role')}">
                            <a href="{{ url_for('html', htm='role/list') }}">
                                <i class="menu-icon fa fa-caret-right"></i>
                                角色管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- #section:basics/sidebar.layout.minimize -->
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
            </script>
        </div>
        <div class="main-content" ng-view>
        </div>
        <div class="footer">
            <div class="footer-inner">
                <!-- #section:basics/footer -->
                <div class="footer-content">
                    <span class="bigger-120">
                        <span class="blue bolder">Ace</span>
                        Application &copy; 2013-2014
                    </span>

                    &nbsp; &nbsp;
                    <span class="action-buttons">
{#                        <a href="#">#}
{#                            <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>#}
{#                        </a>#}
{##}
{#                        <a href="#">#}
{#                            <i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>#}
{#                        </a>#}
{##}
{#                        <a href="#">#}
{#                            <i class="ace-icon fa fa-rss-square orange bigger-150"></i>#}
{#                        </a>#}
                    </span>
                </div>

                <!-- /section:basics/footer -->
            </div>
        </div>
    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
    </div>
{% endblock %}